<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <title>Registrar Alumno</title>
      <link rel="stylesheet" type="text/css" href="style.css" media="screen"/>
      <script language="javaScript" src="scripts/utilesRegistroAlumno.js"></script>
      <script language="javaScript" src="scripts/utilesEditar.js"></script>
   </head>

   <body>
      <div id="container">
         <div id="header">
            <div id="headerLeft">
               <h1><span style="color:#599EC8;">EXAMENES</span><br/>&nbsp;&nbsp;&nbsp;&nbsp;WEB</h1>
            </div>
       
            <form id="formSalir" name="formSalir" method="post" action="Control" class="formulario">
               <div id="pass" align="right">
                  <a href="cambiaPassw.jsp" target="_new"><strong><font color="#000000">Cambiar contraseña</font></strong></a>
                  <input type="hidden" name="opcion" value="logout">
                  <input type="submit" name="logout" value="Logout"/>
               </div>       
            </form>
         </div>
      </div><br/>
      <c:if test="${usuActivo.nombre == null || usuActivo.tipoS != 'D'}">
         <div align=center>
            <strong><font color="#993300">Usted no se ha logueado apropiadamente.</font></strong><br/>
            <a>&nbsp;</a>
         </div>
      </c:if>  

      <c:if test="${usuActivo.nombre != null && usuActivo.tipoS == 'D'}">
          
          <div id="menu">
              <ul>
                  <form id="formBoton" name="formBoton" method="post" action="Control" class="formulario">
                      <input type="hidden" name="opcion" value="homeAdm">
                      <input type="submit" name="cargar" value="Home" class="boton">
                  </form>
                  <li><a href="regProfesor.jsp">Cargar Profesor</a></li>
                  <li><a href="regAlumno.jsp">Cargar Alumno</a></li>
                  <li><a href="regMateria.jsp">Cargar Materia</a></li>
                  <form id="formBoton" name="formBoton" method="post" action="Control" class="formulario">
                      <input type="hidden" name="opcion" value="listaProfesorAdm">
                      <input type="submit" name="cargar" value="Profesores" class="boton">
                  </form>
                  <form id="formBoton" name="formBoton" method="post" action="Control" class="formulario">
                      <input type="hidden" name="opcion" value="listaAlumnoAdm">
                      <input type="submit" name="cargar" value="Materias" class="boton">
                  </form>
                  <li><a href="#" onclick="mostrar('ingreso', 'profesor')">Editar Profesor</a></li>
                  <li><a href="#" onclick="mostrar('ingreso', 'alumno')">Editar Alumno</a></li>			
              </ul>
              
              <form id="editar" name="editar" method="POST" action="Control" onsubmit="return chequearEditar();">
                  <input type="hidden" name="opcion" value="traerUsuario">
                  <input type="hidden" name="usua" value=""><br/>
                  
                  <div id="ingreso" style="visibility:hidden" align="center">
                      <table width="100" cellspacing=5 align="center">
                          <tr>
                              <td width="100" align="center">
                                  <h1 id="label">Ingrese C.I.</h1>
                              </td>
                          </tr>
                          <tr>
                              <td align="center">
                                  <input type="text" name="ci" value="" class="ci" align="center">
                              </td>
                          </tr>
                          <tr>    
                              <td align="center">
                                  <input type="submit" name="Submit" value="Traer" align="center">
                              </td>
                          </tr>
                      </table>
                      <label id="ocultar" onclick="ocultar('ingreso')" style="cursor:hand">ocultar</label>
                  </div>
              </form>
          </div>
          
          <c:if test="${param.msg == 'REGINCOM'}">
              <div align=center>
                  <strong><font color="#993300">Debe completar todos los campos requeridos.</font></strong><br/>
                  <a>&nbsp;</a>
              </div>
          </c:if>
          
          <c:if test="${param.msg == 'FAILCARG'}">
              <div align=center>
                  <strong><font color="#993300">Fallo la carga.</font></strong><br/>
                  <a>&nbsp;</a>
              </div>
          </c:if>
          
          <h1 id="title">Registrar Alumno</h1>      
          
          <form action="Control" method="POST" name="regAlumno" onsubmit="return chequearAlumno();">
          <input type="hidden" name="opcion" value="regAlumno">
          <a>&nbsp;</a>
          
          <table width="50%" border=0 cellspacing=8 align="center">
              <tr> 
                  <td width="30%"><label>Nombres <font color="#FF0000">*</font></label></td>
                  <td width="70%"><input type="text" name="nombre" value="" class="texto"></td>
              </tr>
              <tr> 
                  <td height="23"><label>Apellidos </label><font color="#FF0000">*</font></td>
                  <td><input type="text" name="apellido" value="" class="texto"></td>
              </tr>
              <tr> 
                  <td height="23"><label>CI <font color="#FF0000">*</font></label></td>
                  <td><input type="text" name="ci" value="" class="campo"></td>
              </tr>
              <tr> 
                  <td height="23"><label>Nacionalidad <font color="#FF0000">*</font></label></td>
                  <td><input type="text" name="nacionalidad" value="" class="campo"></td>
              </tr>
              <tr>
                  <td height="23"><label>Sexo <font color="#FF0000">*</font></label></td>
                  <td>
                      <select name="sexo" class="campo">
                          <option value=""></option>
                          <option value="M">Masculino</option>
                          <option value="F">Femenino</option>
                      </select>
                  </td>
              </tr>
              <tr> 
                  <td height="23"><label>Direccion</label></td>
                  <td><input type="text" name="direccion" value="" class="texto"></td>
              </tr>
              <tr> 
                  <td height="23"><label>E-Mail</label></td>
                  <td><input type="text" name="email" value="" class="texto"></td>
              </tr>
              <tr> 
                  <td height="23"><label>Telefono</label></td>
                  <td><input type="text" name="telefono" value="" class="campo"></td>
              </tr>
              <tr> 
                  <td height="23"><label>Usuario <font color="#FF0000">*</font></label></td>
                  <td><input type="text" name="usuario" value="" class="campo"></td>
              </tr>
              <tr> 
                  <td height="23"><label>Contraseña <font color="#FF0000">*</font></label></td>
                  <td><input type="password" name="password" value="" class="campo"></td>
              </tr>
          </table>
          
          <p align="center">
              <label><font color="red">* Campos Requeridos</font></label>
          </p>
          <p align="center" valign="middle" bordercolor="black">
              <input name="Enviar" type="submit" id="Enviar2" value="Enviar">
          </p>
          <a>&nbsp;</a>
      </c:if>
      </form>    
   </body>
</html>